/*
*mint-datetime
*/
// .picker{
//   height:250px;
// }

.picker-toolbar {
  border-bottom: 1px solid $border-color;
  height: 50px;
  .mint-datetime-action {
    line-height: 50px;
  }
}

.mint-datetime-cancel {
  padding-left: 30px;
  text-align: left;
  color: $cancel-color;
}
.mint-datetime-confirm {
  padding-right: 30px;
  text-align: right;
  color: $confirm-color;
}
.picker-items {
  position: relative;
  padding: 10px 0;
  &:before {
    content: '';
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.4), hsla(0, 0%, 100%, 0.8));
  }
  &:after {
    content: '';
    position: absolute;
    z-index: 100;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 36px;
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0.8), hsla(0, 0%, 100%, 0.4));
  }
}
.picker-item {
  font-size: 16px;
  color: $gray-b9;
  &.picker-selected {
    font-size: 18px;
    color: $primary;
  }
}
